<{include file="public/header.html"}>	
<link rel="stylesheet" type="text/css" href="<{$style_dir}>/css/photoswipe.css">
<!--文章详情 内容-->
	<div class="article-container mb10">
		<div class="article-head border f-cb">
			<a href="javascript:;" onclick="funArticleOther()" class="fl head-img mr5"><img src="<{$item['head_img']}>"/></a>
			<button class="follow fr iconfont" id="_follow" onclick="funArticleFollow()">
				<i><{if $item['is_fan']}>&#xe66f; 已关注<{else}>&#xe640; 未关注<{/if}></i>
			</button>
			<div class="">
				<a href="javascript:;" class="name"><{$item['nickname']}><img src="<{$style_dir}>/img/vip/vip2.png"/></a>
				<p class="time mt2"><{$item['create_time']}></p>
			</div>
		</div>
		<p class="article-title plr15 ptb10 font-bold">
			<{$item['title']}>
		</p>
		<b class="article-title-bar"></b>
		<div class="text  gallery pic-list">
                    <{$item['content']}>
		</div>
		<img src="/static/mobile/img/shang.jpg" style="width: 60px; margin: 0 auto;"/>
		<div class="admire plr15 ptb5 mt15">
                    <p class="text-center font12 col-grey999 pb5">已有<i class="col-red"><{$reward|count}> 人</i>打赏</p>
			<ul class="f-cb">
				<{foreach from=$reward item=val key=key}>
                                <{if ($key + 1) <= 5}>
                                <li><a href="<{$val['space_url']}>"><img src="<{$val['head_img']}>"/></a></li>
                                <{/if}>
                                <{/foreach}>
                                <{if count($reward) > 5}>
				<div class="disnone">
                                    <{foreach from=$reward item=val key=key}>
                                    <{if ($key + 1) > 5}>
                                    <li><a href="<{$val['space_url']}>"><img src="<{$val['head_img']}>"/></a></li>
                                    <{/if}>
                                    <{/foreach}>
				</div>
				<li><a href="javascript:;"></a></li>
                                <{/if}>
			</ul>
		</div>
		<div class="detail-label plr15 ptb5">
			<p class="con-title-app mb5">相关标签</p>
			<p class="relative-label">
                            <{foreach from=$item['tags'] item=val}>
				<a href="javascript:;"><{$val['tname']}></a>
                            <{/foreach}>
			</p>
		</div>
		<div class="comments plr15 ptb5 sliding-jq">
			<p class="con-title-app mb5">大家说</p>
			<{if $list}>
			<ul class="article-head">
				<{foreach from=$list item=val}>
				<li class="f-cb ptb10">
					<a href="javascript:;" class="fl head-img" id="<{$val['uid']}>"><img src="<{$val['head_img']}>"/></a>
					<div class="pl45">
						<!--点赞-->
						<a href="javascript:;" class="iconfont fr"></a>
						<a href="javascript:;" class="iconfont fr mt10">
							<{$val['create_time']}>
						</a>
						<a href="javascript:;" class="name mt10"><{$val['comment_nickname']}><img src="/static/mobile/img/vip/vip1.png"/></a>
							<{if ($val['is_reply']) == 1}><p class="text mt5 publicText">回复<a href="javascript:;" class="col-red" id="<{$val['repay_user_id']}>"><{$val['reply_nickname']}></a>：<{$val['content']}></p><{/if}>
							<{if ($val['is_reply']) == 0}><p class="text mt5 publicText"><{$val['content']}></p><{/if}>
					</div>
				</li>
				<{/foreach}>
			</ul>
			<p class="more-comment"><a href="javascript:;" onclick="funArticleCommentMore()">查看更多&gt;</a></p>
			<{else}>
			<div class="loading" id="noresults">
                <a href="javascript:;" class="load-success empty-load">
                    <img class="no_comment" src="<{$style_dir}>/img/none/no_comment.jpg">
                </a>
            </div>
			<{/if}>
		</div>
		<!--你可能还喜欢-->
		<div class="may-love">
			<p><font class="iconfont icon-maylove">&#xe827;</font>你可能还喜欢</p>
			<section class="love-list">
				<{foreach from=$like_article item=val}>
				<section>
	                <a id="<{$val['article_id']}>" class="article-box f-cb" onclick="funArticleGo(this.id)">
	                    <div class="pic fl">
	                        <img class="lazy" data-original="<{$val['thumb']}>" alt="<{$val['title']}>" src="<{$val['thumb']}>">
	                    </div>
	                    <div class="article-detail">
	                        <p class="title"><{$val['title']}></p>
	                        <p class="state f-cb">
	                            <font class="iconfont fl"></font><span class="fl mr8"><{$val['commentnum']}></span><font class="iconfont fl mr3"></font><span class="fl"><{$val['readnum']}></span>
	                            <i class="fr">
	                                <img src="<{$val['head_img']}>" class="mr3" alt="<{$val['nickname']}>">
	                                <span><{$val['nickname']}></span>
	                            </i>
	                        </p>
	                    </div>
	                </a>
	            </section>
				<{/foreach}>
			</section>
		</div>
	</div>
<!--大图预览-->
	<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="pswp__bg"></div>
		<div class="pswp__scroll-wrap">
			<div class="pswp__container" style="transform: translate3d(0px, 0px, 0px);">
				<div class="pswp__item" style="display: block; transform: translate3d(-464px, 0px, 0px);"></div>
				<div class="pswp__item" style="transform: translate3d(0px, 0px, 0px);"><div class="pswp__zoom-wrap" style="transform: translate3d(15px, 159px, 0px) scale(0.518919);"><img class="pswp__img pswp__img--placeholder" src="http://static.tan66.com/upfiles/image/20161228/11896048550.jpeg" style="width: 740px; height: 416px;"><img class="pswp__img" src="http://static.tan66.com/upfiles/image/20161228/11896048550.jpeg" style="backface-visibility: hidden; display: block; opacity: 1; width: 740px; height: 416px;"></div></div>
				<div class="pswp__item" style="display: block; transform: translate3d(464px, 0px, 0px);"><div class="pswp__zoom-wrap" style="transform: translate3d(0px, 230px, 0px) scale(0.69);"><img class="pswp__img" src="http://static.tan66.com/upfiles/image/20161228/12286158242.jpg" style="backface-visibility: hidden; opacity: 1; width: 600px; height: 400px;"></div></div>
			</div>
			<div class="pswp__ui pswp__ui--hidden">
				<div class="pswp__top-bar">
					<div class="pswp__counter">1 / 2</div>
					<button class="pswp__button pswp__button--close pswp__element--disabled" title="Close (Esc)"></button>
					<button class="pswp__button pswp__button--share pswp__element--disabled" title="Share"></button>
					<button class="pswp__button pswp__button--fs pswp__element--disabled" title="Toggle fullscreen"></button>
					<button class="pswp__button pswp__button--zoom pswp__element--disabled" title="Zoom in/out"></button>
					<div class="pswp__preloader">
						<div class="pswp__preloader__icn">
							<div class="pswp__preloader__cut">
								<div class="pswp__preloader__donut"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="pswp__loading-indicator">
					<div class="pswp__loading-indicator__line"></div>
				</div>
				<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap pswp__element--disabled">
					<div class="pswp__share-tooltip">
						<a href="#" class="pswp__share--facebook"></a>
						<a href="#" class="pswp__share--twitter"></a>
						<a href="#" class="pswp__share--pinterest"></a>
						<a href="#" download="" class="pswp__share--download"></a>
					</div>
				</div>
				<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
				<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
				<div class="pswp__caption pswp__element--disabled">
					<div class="pswp__caption__center"></div>
				</div>
			</div>
		</div>
	</div>
<script type="text/javascript" src="/static/js/h5-mobile-common-min-1.0.js"></script>
<script type="text/javascript" src="/static/js/photoswipe.min+photoswipe-ui-default.min+jquery.trasit+jquery.hammer+hammer+initPhotoSwipeFromDOM.js"></script>
<script type="text/javascript" charset="utf-8">
	//点击头像跳转
	function funArticleOther(){
		
	};
	//查看更多
	function funArticleCommentMore(){
	};
	
	//获取你可能还喜欢文章的id
	function funArticleGo(e){
	};
	
	//未关注、关注 点击事件
	function funArticleFollow(){
	};
	//未关注、关注 状态
	function funArticleFollowChange(str){
		var _follow = document.getElementById("_follow");
		if(str == 1){
			_follow.innerHTML='&#xe66f; 已关注';
			addClass(_follow,'follow2');
            showGuanZhu = false;
		}else{
			_follow.innerHTML='&#xe640; 未关注';
			removeClass(_follow,'follow2');
            showGuanZhu = true;
		}
	};

	$(function(){
		//打赏列表
		$('.admire a').click(function(){
			$(this).parents('.admire').find('.disnone').stop().toggle();
			$(this).hasClass('a') ? $(this).removeClass('a') : $(this).addClass('a');
			admiretop = $(this).parents('.admire').offset().top;
			$('html,body').stop().animate({scrollTop: admiretop -'50' + 'px' },800);
		});
                $(".pic-list img").gallery_img();//图片预览
	});
</script>
<{include file="public/footer.html"}>	